<!doctype html>
<html lang="zh-CN">
	<head>
		<title>遗忘曲线计时器</title>
		<meta charset="utf-8"> 
		<style type="text/css"></style>
		<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        <script src="indexdb_data.js"></script>
        <script src="tag_data.js"></script>
        <script src="index_main.js"></script>
        <script src="h5player-3.4.17.js"></script>
		<link rel="shortcut icon" href="https://csdnimg.cn/medal/qixiebiaobing4@240.png">
		<link href="progress.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<header align="center" style="font-size:2em;">遗忘曲线计时器</header>
		<br>
		<div id="div_select">
			<table id="data_select">
				<tbody id="select_tbody">
					<td>输入筛选内容：</td>
					<td class="select_cell">
						<input  class="select_input" placeholder="筛选内容" onchange="select_change(this)" style="width: 70px;">
						<button class="del_select" onclick="del_select(this)">-</button>
					</td>
					<td class="add_select">
						<button class="add_select_button" onclick="add_select(this)">+</button>
						<button class="select_data" onclick="select_data(this)">筛选</button>
					</td>
				</tbody>
			</table>
		</div>		
		<table id="data" style="width: 100%;" cellspacing="1px" >
			<tbody class="new" id="1">
				<tr>
					<th rowspan="3" style="width: 2%">
						<b class="list_count">1</b>
					</th>
					<th style="width: 40%">
						<input type="text" autocomplete="off" value="" class="xuexi_neirong"  style="width: 100%" placeholder="学习内容">
					</th>
					<th >
						<b style="position:relative;">选择间隔时间:</b>
						<select class = "time_count" onchange="gradeChange(this)">
						<option value="1">1分钟</option>
						<option value="5" selected>5分钟</option>
						<option value="30">30分钟</option>
						<option value="720">12小时</option>
						<option value="1440">1天</option>
						<option value="2880">2天</option>
						<option value="5760">4天</option>
						<option value="10080">7天</option>
						<option value="21600">15天</option>
						</select>
					</th>
					<th>
						<button onclick="start_run(this)" class="strat_run">开始计时</button>
					</th>
					<th>
						<b>剩余时间:</b>
						<input class="time_last" style="width: 120px" readonly="readonly" >
					</th>
					<th>
						<button style="width: 20px" class="del_this" onClick="del_this(this)">-</button>
					</th>
				</tr>
				<tr>
					<th colspan="5" style="background:'';">
						<progress class="progress1"  value="0" max="100" style="width: 100%;"></progress>
					</th>
				</tr>
				<tr>
					<th colspan="5">
						<table>
							<tbody calss="tag_data">
								<tr>
									<td>标签：</td>
									<td class="tag_cell">
										<input  class="tag_input" placeholder="请输入标签" style="width: 70px;" onchange="tag_change(this)">
										<button class="del_tag" onclick="del_tag(this)">-</button>
									</td>
									<td class="add_tag">
										<button class="add_tag_button" onclick="add_tag(this)">+</button>
									</td>
								</tr>
							</tbody>
						</table>
					</th>
				</tr>
				<tr><th colspan="6" bgcolor="#1a9850" height="0.5px"></th></tr>
			</tbody>
		</table>
		<div>
			<button id="add" style="width:100px;" onClick="add_data()">+</button>
			<button id="del_all" style="width:100px; float:right;" onClick="del_data()" >清空数据</button>
		</div>
		<script>
			var counter_list = {}
			var l_count = 0		//计时器计数
            var db
			var dbName = 'CXFX_data', version = 1, storeName = 'data_main',store_tag="data_tag",search_tag="search_result"
			var review_time = [4*60,"4小时内"] //4小时

			var clr = setInterval(keep_run,100)

			var tag_cell_1 = document.querySelector(".tag_cell")
			var tag_cell = tag_cell_1.cloneNode(true)
			tag_cell_1.remove()
			
			var select_cell_1 = document.querySelector(".select_cell")
			var select_cell = select_cell_1.cloneNode(true)
			select_cell_1.remove()

			var tbody_d_1 = document.querySelector(".new")
			var tbody_d = tbody_d_1.cloneNode(true)
			tbody_d_1.remove()

			window.onload=function(){ 
				createindexDB()
			}
			
		</script>
	</body>
	<footer>
		<p style="text-align: center">copyright by: 此夏非夏</p>
		<p style="text-align: center">Contact information: <a href="mailto:cixiafeixia@qq.com">cixiafeixia@qq.com</a></p>
	</footer>

</html>